/* ------------------------------------------------------------
 * [SubPage Module] 
------------------------------------------------------------ */
.sp-banner-bar{
	position: relative;
	padding-top:25px;
	width:100%;
	height:340px;
	background:#f5f9fa;
	overflow:hidden;
	& a{
		display:block;
		width:100%;
		height:100%;
	}
	img{
		width:100%;
		height:100%;
	}
	&.review-banner-bar{
		padding-top:23px;
		height:300px;
	}
	&.remark-banner-bar{
		padding-top:0;
		height:280px;
	}
}

/*分页*/
.lh-pagination{
	margin:30px 0;
	width:100%;
	overflow:hidden;
	font-size:0;
	a,span{
		display: inline-block;
		margin:0 5px;
		position: relative;
		padding: 6px 12px;
		background-color: #f7f7f7;
		border: 1px solid #dddddd;
		font-size:14px;
		color: #333;
		font-weight: 500;
		text-decoration: none;
		cursor:pointer;
	}
	em{
		display:inline-block;
		margin:0 5px;
		padding: 6px 12px;
		font-size:14px;
		color: #333;
		font-weight: 500;
		text-decoration: none;
		font-style: normal;
	}
	a:hover,a:focus,span:hover,span:focus{
		z-index: 2;
		background-color: #fff;
		border-color: #eb6262;
		color: #eb6262;
	}
	a.active,span.active{
		z-index: 3;
		background-color: transparent;
		border-color: transparent;
		color: #e4393c;
	}
	a.disabled,a:focus,span.disabled,span:focus{
		color: #ccc;
    border-color: #ddd;
    background: #fff;
		cursor: not-allowed;
	}
}

/*==================输入框============*/
.input-txt, .text-txt {
    padding: 10px 10px;
    width: 100%;
    height: 100%;
    border: none;
    border: 1px solid #e6e6e6;
    outline: none;
    resize: none;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    background-color: #f7f7f7;
    display: block;
	 @include fn-border-radius(3px);
}
.g-btn{
	display:block;
	width: 100%;
	height: 40px;
	text-align: center;
	color: #fff;
	border: none;
	@include fn-border-radius(3px);
	font-size: 18px;
	cursor: pointer;
}
/*========================radio=================*/
.J_form .iradio_minimal{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 13px;
	height: 13px;
	background: url(#{$firstlevel-path}images/subpage/radio-icon.png) no-repeat;
	border: none;
	cursor: pointer;
	background-position: -20px -20px;
	margin-left: 20px;
	margin-right: 5px;
	margin-top: -4px;
}
.J_form .checked{
	background-position: -20px -73px;
}



/*===========================评分======================*/
.w-280{
	width:280px;
}
.z-grade-list{
	border:1px solid #e4e4f0;
	@include fn-border-radius(2px);
	padding-top: 40px;
	& li{
		border-bottom:1px dashed #e4e4f0;
		padding: 5px 0;
		@include fn-transition(all .4s ease);
		& a{
			display:block;
			width: 100%;
			height: 100%;
		  padding:0 5px 0 20px;
		}
		& p{
			color:#4d4d4d;
			font-size: 16px;
			line-height: 26px;
			margin: 0;
			@include fn-text-ellipsis;
			height: 26px;
		}
	 & span{
			color:#999999;
			font-size: 14px;
			line-height: 24px;
		  display: block;
		 @include fn-text-ellipsis;
			height: 24px;
		 & strong{
			 color: #4d4d4d;
		 }
		}
		&:hover{
			background-color:#f7f7f7;
		}
	}
}

.grad-hd{
	width:100%;
	height: 74px;
	background: url(#{$firstlevel-path}images/subpage/hd-bg.png) center top no-repeat;
	position: relative;
	background-position: 9px 0;
	margin-bottom: -38px;
	& img{
		position:absolute;
		left: 50px;
		top: 0;
		bottom:0;
		margin: auto 0;
	}
}
/*=========================最新热评======================*/
.z-hot-item{
	position: relative;
	border:1px solid #e4e4f0;
	@include fn-border-radius(5px);
	padding: 20px 0;
	background-color: #f7f7f7;
	overflow: hidden;
	margin-bottom: 10px;
	& > a{
		display:block;
		width: 100%;
		position: relative;
		padding: 0 18px;
		z-index: 100;
		& h4{
			margin: 0 0 5px 0;
			color: #4d4d4d;
			font-size: 16px;
			line-height: 36px;
			height: 36px;
			@include fn-text-ellipsis;
		}
		& p{
			margin: 0;
			color: #999999;
			font-size: 12px;
			line-height: 22px;
			height: 66px;
			@include fn-text-ellipsis3;
		}
	}
	.yorn{
		@include fn-clearfix;
		position: relative;
		z-index: 100;
		margin-top: 10px;
		& a{
			float:left;
			color:#eb6262;
			font-size: 12px;
			margin:0 20px;
			line-height: 22px;
		}
		& .no{
			color:#547ade;
		}
	}
	& .g-screen{
		width:40px;
		height: 30px;
		position: absolute;
		z-index: 1;
	}
	& .scn-tp{
		background: url(#{$firstlevel-path}images/subpage/screen1.png) no-repeat;
		top: 10px;
		left: -4px;
		
	}
	& .scn-bm{
		background: url(#{$firstlevel-path}images/subpage/screen2.png) no-repeat;
		bottom: 10px;
		right: -4px;
	}
	&:hover{
		@include fn-box-shadow(0 2px 5px rgba(58,58,58,.2));
	}
}
.z-hot-hd{
	padding:30px 20px 10px;
	& .hot-title{
		margin:0;
		padding-right:100px;
	}
	.more{
		color:#666666;
		font-size: 14px;
		margin-top: 20px;
		line-height: 24px;
		@include fn-transition(all .4s ease);
		&:hover{
			color: #667fc3;
		}
	}
}
.w-860{
	width:860px;
}



/*搜索页面*/
.search-tips{
	padding:20px;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #e4e4f0;
}
.search-tit{
	margin:0;
	font-size:18px;
	color:#333;
	strong{
		font-size:24px;
	}
}
.search-guide{
	margin-bottom:0;
	margin-top:20px;
	font-size:14px;
	color:#666;
	em{
		font-style:normal;
		color:#ff8420;
		font-weight:700;
	}
}

.serh-rec-sect{
	width:100%;
	height:602px;
	background:url(#{$firstlevel-path}images/subpage/search-bg.jpg) repeat;
}
.serh-rec-cont{
	padding-top:60px;
	padding-bottom:60px;
	height:inherit;
}
.serh-rec-hd{
	width:100%;
	height:60px;
	overflow:hidden;
}
.hd-rec-title{
	float:left;
	margin:0;
	width:262px;
	height:58px;
	font-size:0;
	text-indent:-999px;
	background:url(#{$firstlevel-path}images/subpage/search-title.png) no-repeat;
}
.repeat-btn{
	float:right;
	line-height:60px;
	font-size:18px;
	color:#4964a1;
	&:before{
		margin-right:10px;
	}
	&:hover{
		color:#eb6262;
	}
}
.serh-rec-bd{
	width:100%;
	@include fn-clearfix;
}
.rec-info-panel{
	margin:10px -10px;
}
.rec-info{
	float:left;
	margin:10px;
	width:280px;
	height:348px;
	&:hover{
		.rec-title{
			color:#eb6262;
		}
	}
}
.rec-link{
	display:block;
	width:100%;
	height:100%;
	background:#fff;
}
.rec-pic{
	width:100%;
	height:170px;
	overflow:hidden;
	img{
		width:100%;
		height:100%;
	}
}
.rec-txt{
	padding:10px;
	width:100%;
	height:178px;
	border:1px solid #e4e4f0;
	border-top:none;
}
.rec-title{
	margin:6px 0;
	font-size:16px;
	color:#3c3c3c;
	line-height:24px;
	height:48px;
	@include fn-text-ellipsis2;
}
.rec-desc{
	font-size:14px;
	color:#696868;
	line-height:24px;
	height:96px;
	@include fn-text-ellipsis4;
	*{
		margin:0;
	}
}

.search-result{
	margin:140px 0;
}
.search-ico,.search-tishi{
	width:590px;
	height:96px;
	display:table-cell;
	vertical-align: middle;
}
.search-ico{
	width:450px;
	background:url(#{$firstlevel-path}images/subpage/search-ico.png) right center no-repeat;
}
.search-tishi{
	padding-left:20px;
	font-size:18px;
	color:#4964a1;
	font-weight:700;
}

.school_list{
	&.s-school-list{
		.school_item{
			width:280px!important;
			.imgbox{
				width:279px!important;
			}
		}
	}
}



















